<template>
	<view class="container">
		<view class="header">
			<text class="title">推广中心</text>
		</view>
		
		<view class="menu-list">
			<!-- 发布微信群 -->
			<view class="menu-item">
				<view class="menu-left">
					<image class="menu-icon" src="/static/icons/wechat.png"></image>
					<view class="menu-info">
						<text class="menu-title">发布微信群</text>
						<text class="menu-desc">发布微信群会显示在免费区</text>
					</view>
				</view>
				<image class="arrow-right" src="/static/icons/arrow-right.png"></image>
			</view>
			
			<!-- 发布圈子 -->
			<view class="menu-item">
				<view class="menu-left">
					<image class="menu-icon" src="/static/icons/circle.png"></image>
					<view class="menu-info">
						<text class="menu-title">发布圈子</text>
						<text class="menu-desc">广告会显示在圈子里</text>
					</view>
				</view>
				<image class="arrow-right" src="/static/icons/arrow-right.png"></image>
			</view>
			
			<!-- 介绍 -->
			<view class="menu-item">
				<view class="menu-left">
					<image class="menu-icon" src="/static/icons/intro.png"></image>
					<view class="menu-info">
						<text class="menu-title">介绍</text>
						<text class="menu-desc">会员积分介绍</text>
					</view>
				</view>
				<image class="arrow-right" src="/static/icons/arrow-right.png"></image>
			</view>
			
			<!-- 免费领取会员一个月 -->
			<view class="menu-item">
				<view class="menu-left">
					<image class="menu-icon" src="/static/icons/vip.png"></image>
					<view class="menu-info">
						<text class="menu-title">免费领取会员一个月</text>
						<text class="menu-desc">分享邀请8位下级用户免费送会员一个月</text>
					</view>
				</view>
				<image class="arrow-right" src="/static/icons/arrow-right.png"></image>
			</view>
			
			<!-- 微信加群视频教程 -->
			<view class="menu-item">
				<view class="menu-left">
					<image class="menu-icon" src="/static/icons/video.png"></image>
					<view class="menu-info">
						<text class="menu-title">微信加群视频教程</text>
						<text class="menu-desc">一分钟教你如何加群视频教程</text>
					</view>
				</view>
				<image class="arrow-right" src="/static/icons/arrow-right.png"></image>
			</view>
			
			<!-- 发布微信群 视频教程 -->
			<view class="menu-item">
				<view class="menu-left">
					<image class="menu-icon" src="/static/icons/tutorial.png"></image>
					<view class="menu-info">
						<text class="menu-title">发布微信群 视频教程</text>
						<text class="menu-desc">一分钟 教你如何把微信群发布到本平台上</text>
					</view>
				</view>
				<image class="arrow-right" src="/static/icons/arrow-right.png"></image>
			</view>
		</view>
	</view>
</template>

<style>
.container {
	background-color: #f5f5f5;
	min-height: 100vh;
}

.header {
	background: #fff;
	padding: 15px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.title {
	font-size: 16px;
	font-weight: bold;
}

.menu-list {
	margin-top: 10px;
}

.menu-item {
	background: #fff;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1px;
}

.menu-left {
	display: flex;
	align-items: center;
	flex: 1;
}

.menu-icon {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.menu-info {
	display: flex;
	flex-direction: column;
}

.menu-title {
	font-size: 14px;
	color: #333;
	margin-bottom: 4px;
}

.menu-desc {
	font-size: 12px;
	color: #999;
}

.arrow-right {
	width: 16px;
	height: 16px;
}
</style> 